<div class="row">
  <x-button size="big">big</x-button>
  <x-button size="large">large</x-button>
  <x-button>default</x-button>
  <x-button size="small">small</x-button>
  <x-button size="mini">mini</x-button>
</div>
<div class="row">
  <x-button type="primary" size="big">big</x-button>
  <x-button type="primary" size="large">large</x-button>
  <x-button type="primary">default</x-button>
  <x-button type="primary" size="small">small</x-button>
  <x-button type="primary" size="mini">mini</x-button>
</div>
<div class="row">
  <x-button type="primary" size="big" round>big</x-button>
  <x-button type="primary" size="large" round>large</x-button>
  <x-button type="primary" round>default</x-button>
  <x-button type="primary" size="small" round>small</x-button>
  <x-button type="primary" size="mini" round>mini</x-button>
</div>
<div class="row">
  <x-button icon="fto-share" type="primary" size="big"></x-button>
  <x-button icon="fto-share" type="primary" size="large"></x-button>
  <x-button icon="fto-share" type="primary"></x-button>
  <x-button icon="fto-share" type="primary" size="small"></x-button>
  <x-button icon="fto-share" type="primary" size="mini"></x-button>
</div>
